@media only screen and (max-width: 1320px) {
    .top-btn{left: auto;margin: 0;right: 10px;}
}

@media only screen and (min-width: 1200px){
	.container{width: 1134px;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .wp{width: 98%;}
	
	
    /*******************************
        -------[=头底]-------
    ********************************/
    .nav{margin-right: 20px;}
    .nav li{padding: 0 15px;}
    /*.logo{width: 32%;}
	.logo img {
	width: 40%;
	margin-top: 25px;
	}*/
	.nav li {
        padding: 0 0px;
    }
    .fd-dl dl{width: 16.66%;text-align: center;}
    #fd .g-share{margin: 0 5px;}
    #fd .g-share a{margin: 0 3px;}
    .fd-con .pic{margin-left: 8px;}

    #ban{height: 380px;}
    .m-cur-tab1 li{width: 120px;}
    /*******************************
        -------[=index]-------
    ********************************/
    
    .index-txt1 .txt{width: 50%;}
    .index-txt1 .video{width: 48%;}
    .m-list1{margin: 0 -10px;}
    .m-list1 .con{margin: 0 10px;}
    .side-col{width: 220px;}
    .g-downBtn{padding-left: 85px;}



}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    /*******************************
        -------[=头底]-------
    ********************************/
	
	
	
	.logo img {
width: 40%;
margin-top: 25px;
}
/*.logo h2 {
font-size: 18px;
}*/
	
	
    #hd .tlink{display: none;}
    .nav{margin-right: 0px;}
    .nav li {
        padding: 0 10px;
    }
    .nav li:last-child dl{left: auto;right: 0;}
    #fd{background-color: #000;}
    .fd-con p span{display: block;}
    .fd-dl,.fd-con{display: none;}
    .fd-bot{height: 50px;line-height: 50px;color: #6a6a6a;text-align: center;display: block;}
    /*******************************
        -------[=index]-------
    ********************************/
    
    .index-txt1{padding: 30px 10px 40px 10px;}
    .index-txt1 h1{margin-bottom: 20px;}
    .index-txt1 .txt{float: none;width: auto;margin-bottom: 20px;}
    .index-txt1 .video{float: none;width: auto;}
    .index-model{padding-top: 30px;padding-bottom: 10px;}
    .m-list1{margin: 0;}
    .m-list1 li{width: auto;float: none;margin-bottom: 20px;}
    .index-list{padding-top: 40px;}
    .m-list3{padding-bottom: 50px;}
    .m-list3 .slick-dots{bottom: 15px;}
    .side-col{display: none;}
    .main-col{width: auto;float: none;}
    .top-btn{background-image: url(../images/m-top.png);bottom: 0;
        -o-background-size: 40px auto;
        -ms-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
    }


}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    /*******************************
        -------[=头底]-------
    ********************************/
	/*20160816
	.m-map{ display:none;}*/
	
	.logo {
margin-left: 10px;
width: 80%;
}
.logo img {
width: auto;
margin-top: 22px;
}
.logo h2 {
font-size: 20px;
}
	.tel{display: none;}	
	
    .menuBtn{display: block;}
    #top{display: none;}
    #hd{position: static;overflow: hidden;}
    .logo{margin-left: 10px;/*width: 50%;*/}
    .nav{display: none;}
	.warp .yuan{min-height: 307px;}
.warp .yuan h2{  font-size:18px; padding:0px 0 10px 0;}


    /*******************************
        -------[=index]-------
    ********************************/
#banner{
		/*padding-top: 50px;*/
		overflow: hidden;
	}
	#banner .flexslider .slides li{
		/*height: 200px;*/
	}
	#banner .flexslider .slides li img{
		/*height: 200px;*/
	}
	#banner .slides li .ban-txt{
		margin-top: 0;
		top: 20px;
		left: 0;
		margin-left: 0;
		text-align: center;
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.news-bg{
		background: #16182c;
	}
	#banner .slides li .ban-txt h5{
		font-size: 26px;
		margin-top: -10px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 26px;
	}
	#banner .slides li .ban-txt h2{
		font-size: 50px;
	}
	#banner .slides li .ban-txt h2{
		height: 84px;
		line-height: 84px;
	}
	#banner .slides li.s2 .ban-txt{
		margin: 0;
		width: 100%;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 50px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 40px;
	}


	
	

}

@media screen and (max-width: 620px){
	#banner .slides li.s1 .ban-txt h3{font-size: 8px;}
	.case-article .computer-bg{
		/* -webkit-background-size: 60%;
		background-size: 60%; */
	}
	#banner .slides li .ban-txt h5,
	#banner .slides li .ban-txt h3,
	#banner .slides li.s2 .ban-txt h4,
	#banner .slides li.s2 .ban-txt h6,
	#banner .slides li.s3 .ban-txt h4{display: none;}
	#banner .slides li .ban-txt h2{font-size: 25px;}
	#banner .slides li.s1 .ban-txt{background: none;}
	#banner .slides li.s3 .ban-txt h3{border-bottom: none;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=头底]-------
    ********************************/
    #hd{height: 60px;}
    .logo{line-height: 60px;width: 40%;}
	/*.logo img{width:30%;margin-top: 23px;}*/
    .logo img{
        vertical-align: middle;
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-top: -15px;
    }
    .logo h2{
        vertical-align: middle;
        float: none;
        display: inline-block;
        font-size: 18px;
        height: auto;
        margin: 0 0 0 5px;
        padding-left: 5px;
    }
	/*.logo h2{float:left;font-size: 18px;margin-top: 14px;}*/
    .menuBtn{margin-top: 5px;}
    #aside .lang a{width: 95px;font-size: 14px;}
    .nv li a{font-size: 14px;padding-left: 30px;}
    .nv li .a1{padding-left: 60px;background-position: 35px center;}
    .nv li .b1{padding-left: 65px;background-position: 40px center;}
    .nv li .c1{padding-left: 80px;}
    .menuBtn{
            -o-background-size: 35px auto;
            -ms-background-size: 35px auto;
            -moz-background-size: 35px auto;
            -webkit-background-size: 35px auto;
            background-size: 35px auto;
    }
    #aside .close{
            -o-background-size: 40px auto;
            -ms-background-size: 40px auto;
            -moz-background-size: 40px auto;
            -webkit-background-size: 40px auto;
            background-size: 40px auto;
    }
    
#banner .slides li .ban-txt{
		height: auto;
	}
	#banner .slides li .ban-txt h5{
		font-size: 14px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
		padding-top: 15px;
	}
	#banner .slides li .ban-txt h2{
		height: 54px;
		line-height: 54px;
	}
	#banner .slides li.s1 .ban-txt h3{
		font-size: 12px;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
	}
	#banner .flex-control-nav{
		bottom: -5px;
	}
	.team .flexslider li .pic{height: 245px;}
	#banner .slides li.s1 .ban-txt h3{/*margin-left: -40%;*/top: 30%;}
	#banner .slides li.s1 .ban-txt h2{line-height: 43px;}
	#banner .slides li.s2 .ban-txt h4{font-size: 12px;}
	#banner .slides li.s2 .ban-txt h6{display: none;}
	#banner .slides li.s3 .ban-txt{top: 0;}
	#banner .slides li.s3 .ban-txt h4{line-height: 18px;}
	#banner .slides li.s3 .ban-txt h2{height: 50px;line-height: 50px;}
  
	.warp li {
    padding: 0 13px 0 13px;
    height: 150px;
	}
	.warp .tu{margin: 0 0;}
	.warp{padding-top:40px; height:310px;}
	.warp .yuan{ padding:0 13px 0 13px; min-height:150px;}
	.warp .yuan h2{  font-size:14px; padding:0px 0 10px 0;}
	.warp .yuan i{ display:none;}
	.warp .li4{ padding-right:0; padding-left:15px; width:100px;}
	.warp .yuan .tu{ width:80px; height:80px; margin-left:20px;margin: 0 auto;}
	.warp .yuan .tu img{ width:100%;}
	.warp .yuan .tu .light{ display:none;}
	.anli li img{height: 210px}
	
}
	@media screen and (max-width: 414px){
	#banner .slides li.s1 .ban-txt h3{top: 40%;font-size: 12px;}
	#banner .slides li.s1 .ban-txt h2{line-height: 20px;}
	#banner .slides li.s3 .ban-txt{top: 20px;}
	#ban-in{height: 180px;}
		#ban-in img{height: 180px;}
	#m-hd{border-bottom: 1px solid #ccc;}
}


@media screen and (max-width: 375px){
	#banner .slides li.s1 .ban-txt h3{top: 37%;font-size: 12px;}
	.anli li img{height: 180px}
}
@media screen and (max-width: 320px){
	#banner .slides li.s1 .ban-txt h3{font-size: 12px;}
	#banner .slides li .ban-txt{
		/*background: none;*/
	}
	#banner .slides li .ban-txt h5{
		font-size: 12px;
		margin-top: -5px;
	}

	#banner .slides li .ban-txt h2{
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
	}


	#banner .slides li.s2 .ban-txt h2{
		font-size: 18px;
		height: 20px;
		line-height: 20px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 14px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 18px;
		height: 24px;
		line-height: 24px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 14px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
		margin-top: 5px;
	}


	.team .flexslider li .pic{height: 160px;}
	.ul-customer li{width: 100%;}
	
}